
@media  screen and (max-width: 1199px) {
    .wrapp{
        display: none;
    }
    html {
        font-size: 62.5% !important; /* 15.04÷16=94% */
    }
    .phoneWrapp{
        width: 100%;
    }
    .topTitle{
        font-size:3.6rem;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(255,255,255,1);
        height: 88px;
        text-align: center;
        line-height: 88px;
        background: #170437;
    }
    .phoneMenu{
        width: 100%;
        height: 100px;
        position: fixed;
        top:0px;
        left: 0;
        text-align: center;
        line-height: 100px;
        background: rgba(23,4,55,0.8);
        z-index: 999;
    }
    .phoneLogo{
        width: 78px;
        height: 78px;
        margin-top: 10px;
    }
    .caidan{
        height: 50px;
        width: 50px;
        position: absolute;
        top: 25px;
        right: 40px;
    }
    .phoneHead{
        width: 100%;
        /* height: 430px; */
        position: relative;
        padding-bottom: 53px;
        padding-top: 165px;
        background: rgba(21,6,47,1);
    }
    .topPhone_1Img{
        position: absolute;
        width: 100%;
        top:0;
        left: 0;
    }
    .phoneHeadInfo{
        width: 53.6%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .phoneLine{
        width:40px;
        height:8px;
        background:linear-gradient(180deg,rgba(136,243,226,1) 0%,rgba(80,227,194,1) 100%);
        box-shadow:0px 0px 10px 0px rgba(80,227,194,0.5);
        border-radius:5px;
        margin-top: 30px;
    }
    .phoneHeadTitle{
        font-size:3.6rem;
        font-family:PingFangSC-Light;
        font-weight:300;
        color:rgba(255,255,255,1);
        letter-spacing:2px;
        position: relative;
        z-index: 10;
    }
    .phoneST{
        background: #0D0223;
        padding: 0 10.67%;
        height:1416px;
        position: relative;
        padding-top: 64px;
    }
    .topPhone_2Img{
        position: absolute;
        width: 100%;
        left: 0;
        top: 14px;
    }
    .phoneInfoCom{
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        align-items: center;
    }
    .phoneTitleCom{
        font-size:3.8rem;
        font-family:PingFangSC-Medium;
        font-weight:500;
        color:rgba(255,255,255,1);
        letter-spacing:3px;
    }
    .comLine{
        height:4px;
        background:linear-gradient(180deg,rgba(136,243,226,1) 0%,rgba(80,227,194,1) 100%);
        box-shadow:0px 0px 10px 0px rgba(80,227,194,0.5);
        border-radius:3px;
        margin-top: 60px;
        width: 22px;
    }
    .phoneItemDescibe{
        font-size:2.2rem;
        font-family:PingFangSC-Light;
        font-weight:300;
        color:rgba(255,255,255,1);
        line-height:3rem;
        letter-spacing:2px;
        margin-top: 40px;
    }
    .box{
        position: relative;
        z-index: 10;
    }
    .phoneItemDescibeBox{
        margin-top: 120px;
        display: flex;
        justify-content: space-between;
        flex-wrap:wrap;
    }
    .phoneItemDescibeBoxItem{
        width: 44.6%;
        height: 340px;
        margin-bottom: 114px;
        background: url("./img/bg-技术优势.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: relative;
    }
    .phoneItemDescibeBoxItemImg{
        position: absolute;
        width: 50%;
        left: 50%;
        margin-left: -25%;
        top: -12.5%;
    }
    .phoneItemDescibeBoxItemContent{
        width: 80.77%;
        font-size:1.8rem;
        font-family:PingFangSC-Light;
        font-weight:300;
        color:rgba(255,255,255,1);
        margin: 0 auto;
        margin-top: 102px;
        height: 130px;
        line-height: 30px;
    }
    .phoneItemDescibeBoxItemTitle{
        width: 66%;
        margin: 0 auto;
        margin-top: 21px;
        font-size:2.4rem;
        font-family:PingFangSC-Medium;
        font-weight:500;
        color:rgba(255,255,255,1);
        letter-spacing:3px;
    }
    .phoneTG{
        padding: 0 10.67%;
        height:2094px;
        background:rgba(23,4,55,1);
        position: relative;
        padding-top: 64px;
    }
    .phoneTGItemDescibeBox{
        width: 100%;
    }
    .phoneTGItemDescibeBoxItem{
        margin-top: 36px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .phoneTGItemDescibeBoxItemImg{
        width: 48.47%;
        margin-bottom:14px;
    }
    .phoneTGItemDescibeBoxItemImg_1{
        width: 93.22%;
    }
    .phonePower{
        padding: 0 10.67%;
        height:1658px;
        background:#170437;
        position: relative;
        padding-top: 64px;
    }
    .phonePowerItemDescibeBox{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .phonePowerItemDescibeBoxItem{
        width: 57%;
        margin-top: 50px;
    }
    .phoneIPFS{
        padding: 61px 5% 0 5%;
        height: 637px;
        background: #0D0223;
    }
    .phoneIFPSItemDescibeBox{
        margin-top: 40px;
        width: 100%;
    }
    #phoneMedia{
        width: 100%;
        height: 379px;
    }
    .video-js .vjs-big-play-button {
        font-size: 3em;
        line-height: 1.5em;
        height: 1.5em;
        width: 3em;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -1.5em;
        top: 50%;
        margin-top: -0.75em;
        padding: 0;
        cursor: pointer;
        opacity: 1;
        border: 0.06666em solid #fff;
        background-color: #2B333F;
        background-color: rgba(43, 51, 63, 0.7);
        -webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        border-radius: 0.3em;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    .phoneUS{
        width: 100%;
        height: 689px;
        background: #170437;
        padding-top: 64px;
    }
    .phoneUStemDescibeBox{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .qcodeBox{
        width: 22.31%;
        display: flex;
        flex-direction: column;
        margin-top: 40px;
    }
    .phoneQcode{
        width: 100%;
        margin-bottom: 15px;
    }
    .fangshi{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
        width: 100%;
    }
    .fangshiITem{
        display: flex;
        margin-bottom: 24px;
        align-items: center;
        width: 50%;
    }
    .usFangshi{
        width: 40px;
        height: 40px;
        margin-right: 30px;
    }
    .usFangshiWord{
        font-size:2rem;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(255,255,255,1);
        letter-spacing:1px;
    }
    .daohangBox{
        position: fixed;
        top: 0px;
        right: 0;
        width: 53%;
        background:rgba(0,0,0,0.9);
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 9999;
        padding-bottom: 120px;
    }
    .close{
        position: absolute;
        width: 50px;
        height: 50px;
        top:27px;
        right: 40px;
    }
    .phonemenuImg{
        width: 50%;
        font-size:3.6rem;
        font-family:PingFangSC-Light;
        font-weight:300;
        color:rgba(255,255,255,1);
        letter-spacing:2px;
        margin-top:120px;
        cursor: pointer;
        text-align: center;
    }
    .phonehomeImg{
        height: 80px;
        width: 80px;
        margin-top: 120px;
    }
    .actionMenuItem{
        font-size: 3.6rem;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(80,227,194,1);
    }

}
@media  screen and (min-width: 770px) {
    .phoneHead{
        padding-bottom:108px;
    }
    .phoneTG{
        height: 2306px;
        margin-top: -2px;
    }
    .phonePower{
        height: 1790px;
        margin-top: -2px;
    }
    .phoneIPFS{
        margin-top: -2px;
    }
    .phoneUS{
        margin-top: -2px;
    }
}
@media  screen and (max-width: 730px) {
    .phoneHead{
        padding-bottom:40px;
    }
    .phoneTG{
        margin-top: -2px;
    }
    .phonePower{
        margin-top: -2px;
    }
    .phoneIPFS{
        margin-top: -2px;
    }
    .phoneUS{
        margin-top: -2px;
    }
}
